// 封装axios
import axios from 'axios'
import store from '@/store' // 不要在除了组件之外的地方使用useStore函数
// 1. 实例化 baseURl timeout

const instance = axios.create({
  baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
  timeout: 10000
})

// 2. 请求拦截器  token注入
instance.interceptors.request.use((config) => {
  // 在发送请求之前做些什么
  // config添加一个token 必须return 如果不return请求缺失参数
  const token = store.state.user.profile.token
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
}, (error) => {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 3. 响应拦截器  数据简化使用 token失效配置
// 当后端不以2xx作为接口是否成功前端需要怎么做？ 前端自己判断 自行抛出错误
instance.interceptors.response.use((response) => {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  return response
}, (error) => {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  return Promise.reject(error)
})

/**
  需求：封装一个请求函数 作用是为了适配get/post请求 简化请求参数
  function request(url,method,data){
    // 完成一个兼容get和post的请求发送
  }
  request('a.com','GET',{ name:'cp'}).then(res=>{})
  request('a.com','POST',{ name:'cp'}).then(res=>{})

  健壮性问题：不要期待用户可以正确的传入
 */

export function request (url, method, data) {
  // 1. 调用接口 2. 把接口调用之后的promise对象返回
  return instance({
    url,
    method,
    // 这里的key不是固定的，根据方法动态改变的 get - params  post - data
    [method.toLowerCase() === 'get' ? 'params' : 'data']: data
  })
}
